import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false
// 注册全局指令 设置字体颜色为红色
// Vue.directive("color", {
//   inserted(el){
//     // el: 表示使用color指令时的标签
//     // console.log(9, el);
//     el.style.color = "red";
//   }
// })

// 自定义指令 动态设置字体颜色
Vue.directive("color",{
  inserted(el, binding){
    // el: 使用该指令时的标签
    // binding.value：获取到使用指令是传入的数据
    console.log(19, binding);
    // inserted: 只要标签第一次插入到页面中的时候才会触发
    el.style.color = binding.value
  },
  update(el, binding){
    // console.log(24,el);
    // update函数：传入的数据发生变化时触发
    // 此函数可以用来做更新效果
    el.style.color = binding.value
  }
})

new Vue({
  render: h => h(App),
}).$mount('#app')
